<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/view/include/css-include.jsp"%>
<%@ include file="/view/include/jsp-include.jsp"%>
<%@ include file="/view/include/jquery-include.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript">

	$().ready(function() {
	    view();
	
	    $("#onList").bind("click",function(){
	        location="/user.html";            
	    });	    
	});
	
	/* 조회 펑션 */
	function view(){
	    $.post(
	            '/getUserManageDetailView.json', {
	            userId : $("#userIds").val()
	            },
	        function(data) {
	            //reSetValidete(); //벨류데이션 초기화
	            
	            searchDataMaping(data);    //DATA맵핑 
	        });
	}
	
	/* searchData 맵핑 */
	function searchDataMaping(data){
	    $("#userId").empty().html(data.resultDetailMap['userId']);
	    $("#userPw").empty().html(data.resultDetailMap['userPassword']);
	    $("#userName").empty().html(data.resultDetailMap['userName']);
	    $("#customer").empty().html(data.resultDetailMap['custName']);
	    $("#addr1").empty().html(data.resultDetailMap['addr1']);
	    $("#addr2").empty().html(data.resultDetailMap['addr2']);
	    $("#tel").empty().html(data.resultDetailMap['tel']);
	    $("#fax").empty().html(data.resultDetailMap['fax']);
	    $("#remark").empty().html(data.resultDetailMap['remark']);
	}       
</script>
</head>
<body>
<div class="wrap">
	<div class="pagetitle">
    	<h1>USER LIST / DETAIL</h1>
	</div>
    <div class="">
    	<table class="TableST">
            <tr>
                <th>User Id</th>
                <td>
                    <span id="userId"></span>
                </td>
            </tr>
            <tr>
                <th>User Pw</th>
                <td>
                    <span id="userPw"></span>
                </td>
            </tr>
            <tr>
                <th>User Name</th>
                <td><span id="userName"></span>
                </td>
            </tr>
            <tr>
                <th>Customer</th>
                <td><span id="customer"></span>
                </td>
            </tr>
            <tr style="height:30px;">
                <th rowspan="2">Address</th>
                <td ><span id="addr1"></span> 
                </td>
            </tr>
            <tr style="height:30px;">
                <td><span id="addr2"></span>
                </td>
            </tr>
            <tr>
                <th>Telephone</th>
                <td><span id="tel"></span>
                </td>
            </tr>
            <tr>
                <th>FAX No.</th>
                <td><span id="fax"></span>
                </td>
            </tr>            
         </table>
    </div>
    <div class="bo_btn">
	    <a href="#"><img src="images/web/btn_list.png" alt="list" id="onList"/></a>
    </div>
    <input type="hidden" name="userIds" id="userIds" value="${userId}"/>
</div>
</body>
</html>